<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>数字鸽业精准管控云服务平台</title>
    <!-- 图标 -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/peg.png">

    <!-- nprogress 的样式表文件 -->
    <link href="https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.min.css" rel="stylesheet">

    <% if(htmlWebpackPlugin.options.isProd){ %>
    <!-- element-ui 的样式表文件 -->
    <link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.3/theme-chalk/index.min.css" rel="stylesheet">

    <!-- vue  -->
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.5.2/vue.runtime.js"></script>
    
    <!-- vue-router  -->
    <!-- <script src="https://cdn.staticfile.org/vue-router/3.0.1/vue-router.min.js"></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.0.1/vue-router.min.js"></script>
    <!-- axios  -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <!-- echarts -->
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.js"></script>
    <!-- npogress js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.min.js"></script>
    <!-- element-ui 的 js 文件 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.3/index.js"></script>
    <!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
    <% } %>
    
    <link rel="shortcut icon" type="image/x-icon" href="static/peg.png">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.14.1/lib/theme-chalk/index.css">
    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
    <!-- 引入百度地图 -->
    <script src="http://api.map.baidu.com/api?v=2.0&ak=dNIwQKZ7ssM7ylGGlM1v2dKpPO140Srv"></script>
    <script type="text/javascript">
        var Ip = returnCitySN["cip"];
        localStorage.setItem("Ip", Ip);
    </script>
    <style>
        /* html {
            min-width: 1024px
        } */
        *{
            margin: 0;
            padding: 0;
        }
        .loading{
            position: absolute;
            top: 50%;
            left: 50%;
            width: 70px;
            height: 70px;
            margin-top: -35px;
            margin-left: -35px;
        }
        .loadingtext {
            position: relative;
            top: 60px;
            left: -4px;
        }
        .box1,.box2{
            width: 40px;
            height: 40px;
            position: absolute;
        }
        .box1 div ,.box2 div{
            width: 10px;
            height: 10px;
            background-color: #409EFF;
            position: absolute;
            border-radius: 50%;
            animation: loading 1.5s infinite linear;
        }
        .box2{transform: rotate(45deg);}
        .box1 div:nth-child(1),.box2 div:nth-child(1){
            left: 0;
            top: 0;
        }
        .box1 div:nth-child(2),.box2 div:nth-child(2){
            right: 0;
            top: 0;
        }
        .box1 div:nth-child(3),.box2 div:nth-child(3){
            right: 0;
            bottom: 0;
            
        }
        .box1 div:nth-child(4), .box2 div:nth-child(4){
            left: 0;
            bottom: 0;
        }
        @keyframes loading{
            0%{
                transform: scale(1);
            }
            50%{
                transform: scale(0);
            }
            100%{
                transform: scale(1);
            }
        }
        .box1 div:nth-child(1){animation-delay: 0s;}
        .box2 div:nth-child(1){animation-delay: .2s;}
        .box1 div:nth-child(2){animation-delay: .4s;}
        .box2 div:nth-child(2){animation-delay: .6s;}
        .box1 div:nth-child(3){animation-delay: .8s;}
        .box2 div:nth-child(3){animation-delay: 1s;}
        .box1 div:nth-child(4){animation-delay: 1.2s;}
        .box2 div:nth-child(4){animation-delay: 1.4s;}
    </style>
    <script>
        // // 获取设备的宽度
        // var getPxSize = () => {
        //     let currentWidth = document.documentElement.clientWidth;
        //     let pxSize = ( 16 * ( currentWidth/1080 ) > 32? 32 + "px" : ( 16 * ( currentWidth/1080 ) + "px") );
        //     document.documentElement.style.fontSize = pxSize;
        //     console.log(666);
        // }
        // window.addEventListener( "load", getPxSize )
        // window.addEventListener( "resize", getPxSize )
        

    </script>
  </head>
  <body>
    <div id="app"></div>
    <div class="loading" id="loading">
      <div class="box1">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div class="box2">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <span class="loadingtext">加载中...</span>
    </div>
    <!-- built files will be auto injected -->
  </body>
</html>
